

extends public/pure-layout
block container
    .banner
        #slide.slide
            .img-div.clearfix
                img(src="/images/banner1.jpg")
                img(src="/images/banner2.jpg")
                img(src="/images/banner3.jpg")
            .slide-btn
                a.hover ●
                a ●
                a ●
    .two-row.comWidth
        .tj-contain
            .sy-title
                h2 推荐菜谱
            ul.sy-pics
                each item in recmms
                    li: a(href="/recipe/details/#{item.id}" target='_blank')
                        img(src="#{item.image}")
                        h4 #{item.title}
        .zr-contain
            .sy-title
                h2 本周最热
            ul.sy-pics
                each item in coos
                    li: a(href="/recipe/details/#{item.id}" target='_blank')
                        img(src="#{item.image}")
                        h4 #{item.title}
    script(src='/js/banner.js' )